<template>
  <div class="p-5">
    <div class="p-5 bg-white">
      <el-form ref="searchFormRef" :inline="true" label-width="80px">
        <el-form-item prop="username" label="清单名称">
          <el-select style="width: 150px" placeholder="请选择" />
        </el-form-item>
        <el-form-item>
          <el-button type="primary">查询</el-button>
          <el-button>重置</el-button>
        </el-form-item>
      </el-form>
    </div>
    <div class="p-5 mt-5 bg-white">
      <el-button type="primary">导入</el-button>
      <el-button type="primary">导出</el-button>
      <el-collapse class="mt-3" accordion>
        <el-collapse-item title="挂舱装置" name="1">
          <div>1. 支架 X 2</div>
          <div>2. 轴 X 2</div>
          <div>3. 卡轴板 X 2</div>
          <div>4. 护网 X 4</div>
          <div class="pb-5">5. 支架 X 12</div>
          <el-button type="primary">下单</el-button>
        </el-collapse-item>
        <el-collapse-item title="俯仰机构" name="2">
          <div>1. 支架 X 2</div>
          <div>2. 轴 X 2</div>
          <div>3. 卡轴板 X 2</div>
          <div>4. 护网 X 4</div>
          <div class="pb-5">5. 支架 X 12</div>
          <el-button type="primary">下单</el-button>
        </el-collapse-item>
        <el-collapse-item title="小车总成" name="3">
          <div>1. 支架 X 2</div>
          <div>2. 轴 X 2</div>
          <div>3. 卡轴板 X 2</div>
          <div>4. 护网 X 4</div>
          <div class="pb-5">5. 支架 X 12</div>
          <el-button type="primary">下单</el-button>
        </el-collapse-item>
      </el-collapse>
    </div>
  </div>
</template>
<script setup>
/* eslint-disable no-unused-vars */
</script>
<style lang="scss" scoped></style>
